/*
 *************************************************************************
 * The contents of this file are subject to the Openbravo  Public  License
 * Version  1.1  (the  "License"),  being   the  Mozilla   Public  License
 * Version 1.1  with a permitted attribution clause; you may not  use this
 * file except in compliance with the License. You  may  obtain  a copy of
 * the License at http://www.openbravo.com/legal/license.html
 * Software distributed under the License  is  distributed  on  an 'AS IS'
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific  language  governing  rights  and  limitations
 * under the License.
 * The Original Code is Openbravo ERP.
 * The Initial Developer of the Original Code is Openbravo SLU
 * All portions are Copyright (C) 2010-2013 Openbravo SLU
 * All Rights Reserved.
 * Contributor(s):  ______________________________________.
 ************************************************************************
*/


/*============================================================
 1) Main Tab Headers
============================================================*/

.OBTabBarMain {
  /*background-color: #FFFFFF;
  background-image: url(./images/tab/tabBarMain_bg.png);
  background-position: center top;
  background-repeat: repeat-x;*/
}

.OBTabSetMainContainer {
  margin-top: 1px;
  background-color: #FFFFFF;
  border-top: 1px solid #72ab10;
}

/* styles for simple css-styled tabs*/
/* note only the top styles are present here because in Openbravo tabs in forms are shown in the top
if the tab headers are on the right, left or bottom the same styles can be used */

.OBTabBarButtonMainTopSelected,
.OBTabBarButtonMainTopSelectedFocused,
.OBTabBarButtonMainTopSelectedFocusedOver,
.OBTabBarButtonMainTopSelectedFocusedDown,
.OBTabBarButtonMainTopSelectedDown,
.OBTabBarButtonMainTopSelectedDisabled,
.OBTabBarButtonMainTopSelectedOver,

.OBTabBarButtonMainTopSelectedInactive,
.OBTabBarButtonMainTopSelectedFocusedInactive,
.OBTabBarButtonMainTopSelectedFocusedOverInactive,
.OBTabBarButtonMainTopSelectedFocusedDownInactive,
.OBTabBarButtonMainTopSelectedDownInactive,
.OBTabBarButtonMainTopSelectedDisabledInactive,
.OBTabBarButtonMainTopSelectedOverInactive {
  color: #fff;
  padding: 0;
  outline: none;
  height: 30px;
}

.OBTabBarButtonMainTopSelected,
.OBTabBarButtonMainTopSelectedFocused,
.OBTabBarButtonMainTopSelectedFocusedOver,
.OBTabBarButtonMainTopSelectedFocusedDown,
.OBTabBarButtonMainTopSelectedDown,
.OBTabBarButtonMainTopSelectedDisabled {
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonMain_Selected.png);
}

.OBTabBarButtonMainTopSelectedOver {
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonMain_Selected_Over.png);
}

.OBTabBarButtonMainTopSelectedInactive,
.OBTabBarButtonMainTopSelectedFocusedInactive,
.OBTabBarButtonMainTopSelectedFocusedOverInactive,
.OBTabBarButtonMainTopSelectedFocusedDownInactive,
.OBTabBarButtonMainTopSelectedDownInactive,
.OBTabBarButtonMainTopSelectedDisabledInactive {
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonMain_Selected_Inactive.png);
}

.OBTabBarButtonMainTopSelectedOverInactive {
  background-position: center top;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonMain_Selected_Inactive_Over.png);
}

.OBTabBarButtonMainTop,
.OBTabBarButtonMainTopDown,
.OBTabBarButtonMainTopDisabled,

.OBTabBarButtonMainTopInactive,
.OBTabBarButtonMainTopDownInactive,
.OBTabBarButtonMainTopDisabledInactive {
  margin: 0;
  padding: 0;
  height: 30px;
  color: #000;
  background-image: url(./images/tab/tabBarButtonMain_Unselected.png);
  background-position: center top;
  background-repeat: repeat-x;
}

.OBTabBarButtonMainTopOver,

.OBTabBarButtonMainTopOverInactive {
  margin: 0;
  padding: 0;
  height: 30px;
  color: #000;
  background-image: url(./images/tab/tabBarButtonMain_Unselected_Over.png);
  background-position: center top;
  background-repeat: repeat-x;
}

.OBTabBarButtonMainTitle,
.OBTabBarButtonMainTitleOver,
.OBTabBarButtonMainTitleDown,
.OBTabBarButtonMainTitleSelected,
.OBTabBarButtonMainTitleFocused,
.OBTabBarButtonMainTitleSelectedFocused,
.OBTabBarButtonMainTitleSelectedOver,
.OBTabBarButtonMainTitleFocusedOver,
.OBTabBarButtonMainTitleSelectedFocusedOver,
.OBTabBarButtonMainTitleSelectedDown,
.OBTabBarButtonMainTitleFocusedDown,
.OBTabBarButtonMainTitleSelectedFocusedDown,
.OBTabBarButtonMainTitleDisabled,
.OBTabBarButtonMainTitleSelectedDisabled,

.OBTabBarButtonMainTitleInactive,
.OBTabBarButtonMainTitleOverInactive,
.OBTabBarButtonMainTitleDownInactive,
.OBTabBarButtonMainTitleSelectedInactive,
.OBTabBarButtonMainTitleFocusedInactive,
.OBTabBarButtonMainTitleSelectedFocusedInactive,
.OBTabBarButtonMainTitleSelectedOverInactive,
.OBTabBarButtonMainTitleFocusedOverInactive,
.OBTabBarButtonMainTitleSelectedFocusedOverInactive,
.OBTabBarButtonMainTitleSelectedDownInactive,
.OBTabBarButtonMainTitleFocusedDownInactive,
.OBTabBarButtonMainTitleSelectedFocusedDownInactive,
.OBTabBarButtonMainTitleDisabledInactive,
.OBTabBarButtonMainTitleSelectedDisabledInactive {
  color: #333333;
  padding-top: 2px;
}

.OBTabBarButtonMainTitleSelected,
.OBTabBarButtonMainTitleSelectedDown,
.OBTabBarButtonMainTitleSelectedOver,
.OBTabBarButtonMainTitleFocusedOver,
.OBTabBarButtonMainTitleSelectedFocusedOver,

.OBTabBarButtonMainTitleSelectedInactive,
.OBTabBarButtonMainTitleDownInactive,
.OBTabBarButtonMainTitleSelectedOverInactive,
.OBTabBarButtonMainTitleFocusedOverInactive,
.OBTabBarButtonMainTitleSelectedFocusedOverInactive {
  color: #ffffff;
}

.OBTabBarButtonMainTitleOver,
.OBTabBarButtonMainTitleOverInactive {
}

.OBTabBarButtonMainTitleDisabled,
.OBTabBarButtonMainTitleSelectedDisabled,

.OBTabBarButtonMainTitleDisabledInactive,
.OBTabBarButtonMainTitleSelectedDisabledInactive {
  color: #777;
}


/*============================================================
 2) Child Tab Headers
============================================================*/

.OBTabBarChild {
  background-color: #FFFFFF;
  background-image: url(./images/tab/tabBarChild_bg.png);
  background-position: center top;
  background-repeat: repeat-x;
}

.OBTabSetChildContainer {
  margin-top: 0px;
  border-top: 0px solid #72ab10;
}

/* styles for simple css-styled tabs*/
/* note only the top styles are present here because in Openbravo tabs in forms are shown in the top
if the tab headers are on the right, left or bottom the same styles can be used */

.OBTabBarButtonChildTopSelected,
.OBTabBarButtonChildTopSelectedFocused,
.OBTabBarButtonChildTopSelectedFocusedOver,
.OBTabBarButtonChildTopSelectedFocusedDown,
.OBTabBarButtonChildTopSelectedDown,
.OBTabBarButtonChildTopSelectedDisabled,
.OBTabBarButtonChildTopSelectedOver,

.OBTabBarButtonChildTopSelectedInactive,
.OBTabBarButtonChildTopSelectedFocusedInactive,
.OBTabBarButtonChildTopSelectedFocusedOverInactive,
.OBTabBarButtonChildTopSelectedFocusedDownInactive,
.OBTabBarButtonChildTopSelectedDownInactive,
.OBTabBarButtonChildTopSelectedDisabledInactive,
.OBTabBarButtonChildTopSelectedOverInactive {
  color: #fff;
  padding: 0;
  height: 38px;
}

.OBTabBarButtonChildTopSelected,
.OBTabBarButtonChildTopSelectedFocused,
.OBTabBarButtonChildTopSelectedFocusedOver,
.OBTabBarButtonChildTopSelectedFocusedDown,
.OBTabBarButtonChildTopSelectedDown,
.OBTabBarButtonChildTopSelectedDisabled {
  background-position: center 2px;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonChild_Selected.png);
}

.OBTabBarButtonChildTopSelectedOver {
  background-position: center 2px;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonChild_Selected_Over.png);
}

.OBTabBarButtonChildTopSelectedInactive,
.OBTabBarButtonChildTopSelectedFocusedInactive,
.OBTabBarButtonChildTopSelectedFocusedOverInactive,
.OBTabBarButtonChildTopSelectedFocusedDownInactive,
.OBTabBarButtonChildTopSelectedDownInactive,
.OBTabBarButtonChildTopSelectedDisabledInactive {
  background-position: center 2px;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonChild_Selected_Inactive.png);
}

.OBTabBarButtonChildTopSelectedOverInactive {
  background-position: center 2px;
  background-repeat: repeat-x;
  background-image: url(./images/tab/tabBarButtonChild_Selected_Inactive_Over.png);
}

.OBTabBarButtonChildTop,
.OBTabBarButtonChildTopDown,
.OBTabBarButtonChildTopDisabled,

.OBTabBarButtonChildTopInactive,
.OBTabBarButtonChildTopDownInactive,
.OBTabBarButtonChildTopDisabledInactive {
  margin: 0;
  padding: 0;
  height: 38px;
  color: #000;
  background-image: url(./images/tab/tabBarButtonChild_Unselected.png);
  background-position: center 2px;
  background-repeat: repeat-x;
}

.OBTabBarButtonChildTopOver,

.OBTabBarButtonChildTopOverInactive {
  margin: 0;
  padding: 0;
  height: 38px;
  color: #000;
  background-image: url(./images/tab/tabBarButtonChild_Unselected_Over.png);
  background-position: center 2px;
  background-repeat: repeat-x;
}

.OBTabBarButtonChildTitle,
.OBTabBarButtonChildTitleOver,
.OBTabBarButtonChildTitleDown,
.OBTabBarButtonChildTitleSelected,
.OBTabBarButtonChildTitleFocused,
.OBTabBarButtonChildTitleSelectedFocused,
.OBTabBarButtonChildTitleSelectedOver,
.OBTabBarButtonChildTitleFocusedOver,
.OBTabBarButtonChildTitleSelectedFocusedOver,
.OBTabBarButtonChildTitleSelectedDown,
.OBTabBarButtonChildTitleFocusedDown,
.OBTabBarButtonChildTitleSelectedFocusedDown,
.OBTabBarButtonChildTitleDisabled,
.OBTabBarButtonChildTitleSelectedDisabled,

.OBTabBarButtonChildTitleInactive,
.OBTabBarButtonChildTitleOverInactive,
.OBTabBarButtonChildTitleDownInactive,
.OBTabBarButtonChildTitleSelectedInactive,
.OBTabBarButtonChildTitleFocusedInactive,
.OBTabBarButtonChildTitleSelectedFocusedInactive,
.OBTabBarButtonChildTitleSelectedOverInactive,
.OBTabBarButtonChildTitleFocusedOverInactive,
.OBTabBarButtonChildTitleSelectedFocusedOverInactive,
.OBTabBarButtonChildTitleSelectedDownInactive,
.OBTabBarButtonChildTitleFocusedDownInactive,
.OBTabBarButtonChildTitleSelectedFocusedDownInactive,
.OBTabBarButtonChildTitleDisabledInactive,
.OBTabBarButtonChildTitleSelectedDisabledInactive {
  color: #ffffff;
}

.OBTabBarButtonChildTitleOver,
.OBTabBarButtonChildTitleOverInactive {
}

.OBTabBarButtonChildTitleDisabled,
.OBTabBarButtonChildTitleSelectedDisabled,

.OBTabBarButtonChildTitleDisabledInactive,
.OBTabBarButtonChildTitleSelectedDisabledInactive {
  color: #777;
}
